<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>1111</h1>
<button onclick="clickBtn()">点击</button>
<script>

    function  GetQueryString(name)
    {
        var  reg = new  RegExp( "(^|&)" + name + "=([^&]*)(&|$)" );
        var  r = window.location.search.substr(1).match(reg);
        if (r!= null ) return   unescape(r[2]); return  null ;
    }
    // 调用方法
    var user_id = GetQueryString( "id" )
    var toId = GetQueryString( "to_id" )

    ws = new WebSocket("ws://127.0.0.1:8282");

    ws.onmessage = function (e){
        var message = JSON.parse(e.data)
        // var message = e.data
        console.log(message)

        switch (message.type){
            case 'init':
                var data = {
                    type: "bind",
                    user_id: user_id,
                }
                var bind = JSON.stringify(data)

                // ws.send(bind)
                 var join_group = {
                    type: "join_group",
                    user_id: user_id,
                }
                console.log(join_group)
                join_group = JSON.stringify(join_group)

                ws.send(join_group)


                return
        }
        console.log(e.data)
    }
    function clickBtn(){
        ws = new WebSocket("ws://127.0.0.1:8282");

        ws.onopen = function(e) {

            var data = {
                type: "say",
                user_id: user_id,
                toId: toId,
            }
            var bind = JSON.stringify(data)
            // console.log(bind)
            ws.send(bind)


            switch (e.type){
                case "bind":



                    return
            }
            // ws.send('你们好')
        }

        // ws.onopen = function () {ws.send('{1,2,3,4}');}
        // // 服务端主动推送消息时会触发这里的onmessage
        // ws.onmessage = function(e){
        // json数据转换成js对象
        // console.log(e)
        // var data = eval("("+e.data+")");
        // var type = data.type || '';
        // console.log('=====')
        // console.log(data)
        //
        // switch(type){
        //     // Events.php中返回的init类型的消息，将client_id发给后台进行uid绑定
        //     case 'init':
        //         // 利用jquery发起ajax请求，将client_id发给后端进行uid绑定
        //         $.post('127.0.0.1/admin/bind', {client_id: data.client_id}, function(data){}, 'json');
        //         break;
        //     // 当mvc框架调用GatewayClient发消息时直接alert出来
        //     default :
        //         alert(e.data);
        // }
        // };
    }
    /**
     * 与GatewayWorker建立websocket连接，域名和端口改为你实际的域名端口，
     * 其中端口为Gateway端口，即start_gateway.php指定的端口。
     * start_gateway.php 中需要指定websocket协议，像这样
     * $gateway = new Gateway(websocket://0.0.0.0:7272);
     */

</script>
</body>
</html>